<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>for循环练习</title>
</head>

<body>
  <script>
    // for 循环练习

    // 1. 页面打印出5颗小星星 ★★★★★
    // for (let i = 1; i <= 5; i++) {
    //   document.write('★')
    // }

    // 2. 页面输出年龄 (1~100岁)
    // for (let i = 1; i <= 100; i++) {
    //   document.write(`我今年岁 ${i} 岁了 <br>`)
    // }

    // 3. 页面输出1~100以内的偶数
    // for (let i = 1; i <= 100; i++) {
    //   // document.write(i)
    //   // 循环的时候要判断，如果是偶数，就给输出
    //   if (i % 2 === 0) {
    //     // document.write(i)
    //     document.write(`1~100之间的偶数是: ${i} <br>`)
    //   }
    // }


    // 4. 求 1~100 之间的累加和 （拿着前面 累加的值 和 下一个数字 相加）

    // // 4.1 准备一个累加和的变量用来存储结果
    // let sum = 0

    // // 4.2 开始循环累加
    // for (let i = 1; i <= 100; i++) {
    //   // sum = sum + i
    //   // 简写的方法 利用 赋值运算符   i = i + 1  ===  i += 1
    //   sum += i
    // }
    // document.write(sum)

    // 5. 求 1~100 之间的所有偶数的和

    let sum = 0
    for (let i = 1; i <= 100; i++) {
      if (i % 2 === 0) {
        // sum = sum + i
        sum += i
      }
    }
    document.write(`1~100之间的偶数和是: ${sum}`)

  </script>
</body>

</html>